<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="keywords" content="Aceona,Aceona.com,人脉俱乐部,精英互荐,猎手,猎寻,千猎千寻,马球俱乐部,高端人才猎头,高薪职位猎头,中高层管理人员猎头,高薪职位,世界500强职位, 知名企业招聘,中高端人才招聘,高薪工作,高收入工作,外企招聘,人才推荐奖金" />
<meta name="description" content="埃斯欧纳信息咨询有限公司,Aceona.com,为中高端人才提供优质的工作机会和良好的事业发展机遇，提供搜索职位、投简历、猎头服务等求职服务，帮求者找到知名企业和高薪工作。为招聘企业提供职位发布,高级人才的搜寻,推荐,猎头等服务" />
<meta name="company" content="深圳埃斯欧纳信息咨询有限公司,Aceona.com"/>
<meta content="本页版权归Aceona所有。All Rights Reserved" name="copyright" />
<meta name="robots" content="index,follow" />
<meta content="zjq" name="author" />
<meta content="Dreamweaver" name="Generator" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta content="本页版权归Aceona所有。All Rights Reserved" name="copyright" />
<title>aceona圈子转让</title>
<%@ include file="/app_css/app_layout.jsp"%>
<link href="http://static.aceona.com/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
</head>
<body>
    
   <div id="api_containor">
       <div id="api_header"><h1>Aceona前端规范库[不断补充完善]</h1></div>
       <div class="c" id="api_main">
	   <div id="api_left">
	     <ul id="api_nav_left">
		    <li><a href="html.jsp" title="前端页面规范及注意事项">前端页面规范及注意事项</a></li>
			<li>
			       <a href="font.jsp" title="UI元素风格样式">UI元素风格样式[界面]</a>
				   <dl>
				       <dd><a href="font.jsp" title="字体链接标题类">字体链接类</a></dd>
				       <dd><a href="form.jsp" title="表单按钮元素类">表单按钮元素类</a></dd>
				       <dd><a href="tips.jsp" title="提示类">提示类</a></dd>
				       <dd><a href="tips2.jsp" title="新提示类">新提示类</a></dd>
					   <dd><a href="loading.jsp" title="loading提示类">loading提示类</a></dd>
					   <dd><a href="table.jsp" title="表格类">表格类</a></dd>
					   <dd><a href="#" title="菜单类">菜单类</a></dd>
						<dd><a href="#" title="流程类">流程类</a></dd>
				   </dl>
			</li>
			<li>
			       <a href="#" title="用户体验增强类">用户体验增强类[脚本]	</a>
				   <dl>
				        <dd><a href="alert.jsp" title="Alert">Alert</a></dd>
				        <dd><a href="dialog.jsp" title="弹出层">弹出层</a></dd>
					    <dd><a href="widgets_slide.jsp" title="幻灯片">幻灯片</a></dd>
						<dd><a href="tab.jsp" title="幻灯片">选项卡</a></dd>
					    <dd><a href="#" title="弹出自动消失">弹出自动消失</a></dd>
						<dd><a href="#" title="日历控件">日历控件</a></dd>
						<dd><a href="http://static.aceona.com/api_demo/widgets_area.jsp" title="地区控件">地区、省份，职位类型选取组件</a></dd>
						<dd><a href="select_index.jsp" title="select显示隐藏方法">select显示隐藏方法</a></dd>
						<dd><a href="header_img.jsp" title="">头像截取控件</a></dd>
						<dd><a href="#" title="表单校验控件">表单校验控件</a></dd>
						<dd><a href="#" title="防止表单重复提交">防止表单重复提交</a></dd>
				   </dl>
			</li>
            <li> <a href="#" title="高性能的前端开发">高性能的前端开发</a></li>
			<li>
			       <a href="#" title="常见开发错误">常见开发错误[Bug]	</a>
				   <dl>
				       <dd><a href="#" title="公用Alert">公用Alert</a></dd>
				       <dd><a href="#" title="公用弹出层">公用弹出层</a></dd>
					    <dd><a href="#" title="公用弹出自动消失">公用弹出自动消失</a></dd>
				   </dl>
			</li>
            <li> <a href="#" title="SEO相关分享">SEO相关分享</a></li>
		 </ul>
	   </div>
	   <div id="api_right">
	            <!--公用当前位置类-->
				<div>
				    <iframe src="http://static.aceona.com/api_demo/html.jsp" frameborder="0" allowtransparency="true" width="100%" scrolling="no"  id="ifm_area"></iframe>
				</div>
				 
	   </div>
	  </div> 
	    <div id="api_footer">Copyright © 2007-2010,深圳埃斯欧纳信息咨询有限公司版权所有, All Rights Reserved</div>
   </div>
  <script type="text/javascript">
   (function(){   
	    var frame = document.getElementById("ifm_area");
    if(frame.addEventListener){   
        frame.addEventListener("load",function(){
			    setInterval(_reSetIframe,200);
			},false)   
    }else{   
        frame.attachEvent("onload",function(){setInterval(_reSetIframe,200);});   
    }
	
    var _reSetIframe=function(){   
		  try {   
            var frameContent = frame.contentWindow.document;
			var bodyHeight = Math.max(frameContent.body.scrollHeight,frameContent.documentElement.scrollHeight); 
            if (bodyHeight != frame.height){   
                frame.height = bodyHeight;   
            }   
        }   
        catch(ex) { 
            frame.height = 1800;   
        }
         
    }
window.onload=function(){
    var A_allLink=document.getElementById("api_nav_left").getElementsByTagName("a");
    for(var i=0,link_length=A_allLink.length;i<link_length;i++){
	      A_allLink[i].onclick=function(){
			    for(var j=0,jLen=A_allLink.length;j<jLen;j++) {
				  A_allLink[j].style.fontWeight="normal";
				  A_allLink[j].style.backgroundColor="transparent"
				}
			    this.style.fontWeight="bold";
				 this.style.backgroundColor="#f7f7f7";
		        var currentSrc=this.getAttribute("href");
				frame.src=currentSrc;
				return false;
		  }  
	}
}    
	
 
})();  
  </script>
</body>
</html>